extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search
        .form-inline
          .form-group
            label.marginR10 订单编号&emsp;
              input.form-control.form-width120(name="orderNoLike" placeholder="请输入订单编号")
          .form-group
            label.marginR10 下单人&emsp;
              input.form-control.form-width120(name="placingUserPhoneLike" placeholder="请输入下单人")
          .form-group
            label.marginR10 车牌号&emsp;
              input.form-control.form-width120(name="autoNoLike" placeholder="请输入车牌号")
          .form-group
            label.marginR10 司机电话&emsp;
              input.form-control.form-width120(name="driverPhoneLike" placeholder="请输入司机电话")
          .form-group
            label.marginR10 创建时间
              input.form-control.form-width200#created-time(placeholder="请选择时间范围" readonly)
              input(type="hidden" name="createTimeBegin")
              input(type="hidden" name="createTimeEnd")
        .form-inline.marginT10
          .form-group
            label.marginR10 城&emsp;市&emsp;
              select.form-control.form-width100(name="planOrigCityId")
          .form-group
            label.marginR10 服务类型&emsp;
              select.form-control.form-width100(name="orderType")
                option(value="") 请选择
                option(value="1") 接机
                option(value="2") 送机
                option(value="3") 接站
                option(value="4") 送站
                option(value="5") 预约车
          .form-group
            label.marginR10 车辆类型&emsp;
              select.form-control.form-width100(name="bookModel")
                option(value="") 请选择
                option(value="1") 舒适型
                option(value="2") 商务7座
                option(value="3") 豪华轿车
          //-.form-group
            label.marginR10 订单状态&emsp;
              select.form-control.form-width100(name="")
                option(value="") 请选择
          .form-group
            label.marginR10 支付类型&emsp;
              select.form-control.form-width100(name="payType")
                option(value="") 请选择
                option(value="1") 乘客自付
                option(value="2") 司机代付
          .form-group
            label.marginR10 订单来源&emsp;
              select.form-control.form-width100(name="orderChannel")
                option(value="") 请选择
                option(value="1") Andriod
                option(value="2") IOS
                option(value="3") 小程序
                option(value="4") 管家订单
                option(value="5") 400订单
    .com-op.marginT10
      button.btn.btn-default.marginR10#search-btn(type="button")
        i.fa.fa-search
        span 搜索
      //- button.btn.btn-default.marginR10#btn-add(type="button")
      //-   i.fa.fa-plus
      //-   span 新建
      //-button.btn.btn-default.marginR10#btn-cancel(type="button")
        //- i.fa.fa-？
        span 取消
      //- button.btn.btn-default.marginR10#btn-redispatch(type="button")
      //-   i.fa.fa-cog
      //-   span 改派
      //-button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 导出

    .content-body.marginT10#table-box
      table.table#table-order
      #pager-order

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.extend.js")

  //- script(src="//webapi.amap.com/maps?v=1.4.2&key=cdd6b8f058b5bd6b8a5e395cba02a043&plugin=AMap.ToolBar,AMap.Autocomplete")
  //- script(src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11")

block self_js
  script(src="../../js/module/order/list.js")


block layer



  //- 查看
  .layer-box#layer-order-view
    form#form-order-view
      +orderForm-view

  //- 车费明细
  .layer-box#layer-click-detail
    form#form-click-detail
      +clickDetail-view

//- 车费明细
mixin clickDetail-view
  .d-title
    h2.text-center 车费明细
  .d-container
    //- h3.text-center.text-primary 112
    //-   span 元
    //- p.text-center.text-uppercase
    //-   span.col-xs-4.col-xs-offset-2.text-left 起步价
    //-   span.col-xs-4.text-right 12元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 里程费
    //-     span (28.1公里)
    //-   span.col-xs-4.text-right 67.44元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 时长费
    //-     span (44分钟)
    //-   span.col-xs-4.text-right 17.6元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 远途费
    //-     span (13.1公里)
    //-   span.col-xs-4.text-right 15.76元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 夜间服务费
    //-     span (0公里)
    //-   span.col-xs-4.text-right 0元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 出城费
    //-   span.col-xs-4.text-right 0元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 其它费用
    //-   span.col-xs-4.text-right 0元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 代金券已抵
    //-   span.col-xs-4.text-right 0元
    //- p.text-center
    //-   span.col-xs-4.col-xs-offset-2.text-left 抹零
    //-   span.col-xs-4.text-right 0.76元


//- 订单详情表单
mixin orderForm-view
  .d-header
      | 创建时间：
      span(data-createTime)
      | &emsp;订单编号：
      span(data-orderNo)
      //-| 订单状态：
      //-span(data-serveType) 改派中

  .d-title
    span 基础信息

  .d-content.padding20
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 下单人：
        .form-container
          input.form-control(name="placingUserPhone", disabled)
      .col-xs-4
        .form-text 上车地点：
        .form-container
          input.form-control(name="planOrig", disabled)
      .col-xs-4
        .form-text 下车地点：
        .form-container
          input.form-control(name="planDest", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 服务类型：
        .form-container
          select.form-control(name="orderType", disabled)
      .col-xs-4
        .form-text 用车类型：
        .form-container
          select.form-control(name="bookModel", disabled)
      .col-xs-4
        .form-text 预估价：
        .form-container
          input.form-control(name="planPrice", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 实付：
        .form-container
          input.form-control(name="factFinalPrice", disabled)
          .text-primary#click-detail(name="orderNo",style="cursor:pointer") 点击查看实付金额详情
      .col-xs-4
        .form-text 支付时间：
        .form-container
          input.form-control(name="paiedTime", disabled)
      .col-xs-4
        .form-text 支付渠道：
        .form-container
          select.form-control(name="payChannel", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 支付类型：
        .form-container
          select.form-control(name="payType", disabled)
      .col-xs-4
        .form-text 订单来源：
        .form-container
          select.form-control(name="orderChannel", disabled)
      //-.col-xs-4
        .form-text 行车轨迹：
        .form-container
          img#img-card-code(alt="", src="", width="50", height="25")
          span 点击放大图片
  .d-title
    span 接派单信息

  .d-content.padding20
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 车牌：
        .form-container
          input.form-control(name="autoNo", disabled)
      .col-xs-4
        .form-text 司机ID：
        .form-container
          input.form-control(name="driverId", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 司机姓名：
        .form-container
          input.form-control(name="driverName", disabled)
      .col-xs-4
        .form-text 司机电话：
        .form-container
          input.form-control(name="driverPhone", disabled)
    .row.form-row.form-row-sm
      //-.col-xs-3
        .form-text 派单详情：
        .form-container
          input.form-control(name="", disabled)
      .col-xs-4
        .form-text 到达上车地：
        .form-container
          input.form-control(name="destTime", disabled)
      .col-xs-4
        .form-text 行程时间：
        .form-container
          input.form-control(name="driveTime", disabled)
      //- .col-xs-4
      //-   .form-text 开始行程时间：
      //-   .form-container
      //-     input.form-control(name="destTime", disabled)
      //- .col-xs-4
      //-   .form-text 结束行程时间：
      //-   .form-container
      //-     input.form-control(name="destTime", disabled)

    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 上车前里程：
        .form-container
          input.form-control(name="startMile", disabled)
      .col-xs-4
        .form-text 下车后里程：
        .form-container
          input.form-control(name="endMile", disabled)
    //-.row.form-row.sm
      .col-xs-6
        .form-text 操作记录
        .form-container
          input.form-control(name="", disabled)

  .d-bottom
    | 操作记录：
    span(data-operator) 该订单无人为操作
